<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org" th:with="title='首页',active='catalog'"
	  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<!-- head 头部-->
<head th:replace="web/common/fragment::head(${title},'')"></head>
	<body>

		<div th:replace="web/layout/header::header(${active})"></div>
		<!--	main	-->
		<div class="fly-main">
				<div class="layui-row clear layui-col-space15">
					<div class="lanmu-header">
						<div class="lanmu-header-info">
							<div class="lanmu-header-info-avatar">
								<a href="https://q.jinsom.cn/bbs/answer">
									<img src="../assets/images/portal_user_img.png" class="avatar opacity"></a>
							</div>

							<div class="lanmu-header-info-top">
								<a class="title" th:text="${catalog.catalogName}">栏目板块名称</a>
								<span class="countInfo">
		  	 				<span>帖子：<m class="num" th:text="${catalog.postCount ?:'0'}">999</m></span>
		  	 				<span>互动：<m class="num" th:text="${catalog.commentCount ?:'0'}">9999</m></span>
		  	 			</span>
								<span class="publishBtn">
		  	 				<i class="layui-icon layui-icon-release"></i> 发帖
		  	 			</span>
							</div>
							<div class="lanmu-header-info-desc">
								<p th:text="${catalog.catalogDesc}">板块描述</p>
							</div>
						</div>
					</div>
				</div>
				<div class="layui-row clear layui-col-space15">
					<div class="layui-col-md8">
						<div class="fly-panel">
							<div class="fly-panel-title fly-filter">
								<a>全站置顶</a>
							</div>
							<ul class="fly-list">
								<li>
									<a href="user/home.html" class="fly-avatar">
										<img src="../assets/images/portal_user_img.png" alt="顾得豹">
									</a>
									<h2>
										<a class="layui-badge">动态</a>
										<a href="jie/detail.html">基于 layui 的极简社区页面模版</a>
									</h2>
									<div class="fly-list-info">
										<a href="user/home.html" link>
											<cite>顾得豹</cite>
											<i class="iconfont icon-renzheng" title="认证信息：XXX"></i>
											<i class="layui-badge fly-badge-vip">VIP3</i>
										</a>
										<span>刚刚</span>
										<span>最后回复</span>
										<a href="user/home.html" link>
											<cite>顾得龙</cite>
											<i class="iconfont icon-renzheng" title="认证信息：XXX"></i>
											<i class="layui-badge fly-badge-vip">VIP3</i>
										</a>
										<!--<span class="fly-list-kiss layui-hide-xs" title="悬赏飞吻">最后回复</span>-->
										<!--<span class="layui-badge fly-badge-accept layui-hide-xs">已结</span>-->
										<span class="fly-list-nums">
			              	<i class="iconfont icon-zan" title="查看"></i> 999
			                <i class="iconfont icon-pinglun1" title="回答"></i> 66
			              </span>
									</div>
									<div class="fly-list-badge">

										<span class="layui-badge layui-bg-black">置顶</span>
										<span class="layui-badge layui-bg-red">精帖</span>

									</div>
								</li>
								<li>
									<a href="user/home.html" class="fly-avatar">
										<img src="../assets/images/portal_user_img.png" alt="顾得豹">
									</a>
									<h2>
										<a class="layui-badge">公告</a>
										<a href="jie/detail.html">基于 layui 的极简社区页面模版</a>
									</h2>
									<div class="fly-list-info">
										<a href="user/home.html" link>
											<cite>顾得豹</cite>
											<!--
                                            <i class="iconfont icon-renzheng" title="认证信息：XXX"></i>
                                            <i class="layui-badge fly-badge-vip">VIP3</i>
                                            -->
										</a>
										<span>2017-11-30</span>

										<span class="fly-list-kiss layui-hide-xs" title="悬赏飞吻"><i class="iconfont icon-kiss"></i> 60</span>
										<!--<span class="layui-badge fly-badge-accept layui-hide-xs">已结</span>-->
										<span class="fly-list-nums">
			                <i class="iconfont icon-pinglun1" title="回答"></i> 66
			              </span>
									</div>
									<div class="fly-list-badge">
										<span class="layui-badge layui-bg-black">置顶</span>
										<span class="layui-badge layui-bg-red">精帖</span>

									</div>
								</li>
								<li>
									<a href="user/home.html" class="fly-avatar">
										<img src="../assets/images/portal_user_img.png" alt="顾得豹">
									</a>
									<h2>
										<a class="layui-badge">公告</a>
										<a href="jie/detail.html">基于 layui 的极简社区页面模版</a>
									</h2>
									<div class="fly-list-info">
										<a href="user/home.html" link>
											<cite>顾得豹</cite>
											<!--
                                            <i class="iconfont icon-renzheng" title="认证信息：XXX"></i>
                                            <i class="layui-badge fly-badge-vip">VIP3</i>
                                            -->
										</a>
										<span>刚刚</span>

										<span class="fly-list-kiss layui-hide-xs" title="悬赏飞吻"><i class="iconfont icon-kiss"></i> 60</span>
										<!--<span class="layui-badge fly-badge-accept layui-hide-xs">已结</span>-->
										<span class="fly-list-nums">
			                <i class="iconfont icon-pinglun1" title="回答"></i> 66
			              </span>
									</div>
									<div class="fly-list-badge">
										<!--
                                        <span class="layui-badge layui-bg-black">置顶</span>
                                        <span class="layui-badge layui-bg-red">精帖</span>
                                        -->
									</div>
								</li>
								<li>
									<a href="user/home.html" class="fly-avatar">
										<img src="../assets/images/portal_user_img.png" alt="顾得豹">
									</a>
									<h2>
										<a class="layui-badge">公告</a>
										<a href="jie/detail.html">基于 layui 的极简社区页面模版</a>
									</h2>
									<div class="fly-list-info">
										<a href="user/home.html" link>
											<cite>顾得豹</cite>
											<!--
                                            <i class="iconfont icon-renzheng" title="认证信息：XXX"></i>
                                            <i class="layui-badge fly-badge-vip">VIP3</i>
                                            -->
										</a>
										<span>刚刚</span>

										<span class="fly-list-kiss layui-hide-xs" title="悬赏飞吻"><i class="iconfont icon-kiss"></i> 60</span>
										<!--<span class="layui-badge fly-badge-accept layui-hide-xs">已结</span>-->
										<span class="fly-list-nums">
			                <i class="iconfont icon-pinglun1" title="回答"></i> 66
			              </span>
									</div>
									<div class="fly-list-badge">
										<!--
                                        <span class="layui-badge layui-bg-black">置顶</span>
                                        <span class="layui-badge layui-bg-red">精帖</span>
                                        -->
									</div>
								</li>
							</ul>
						</div>

						<div class="fly-panel">
							<div class="fly-panel-title fly-filter">
								<a>板块主题</a>
							</div>
							<ul class="fly-list">
								<li>
									<a href="user/home.html" class="fly-avatar">
										<img src="../assets/images/portal_user_img.png" alt="顾得豹">
									</a>
									<h2>
										<a class="layui-badge">动态</a>
										<a href="jie/detail.html">基于 layui 的极简社区页面模版</a>
									</h2>
									<div class="fly-list-info">
										<a href="user/home.html" link>
											<cite>顾得豹</cite>
											<i class="iconfont icon-renzheng" title="认证信息：XXX"></i>
											<i class="layui-badge fly-badge-vip">VIP3</i>
										</a>
										<span>刚刚</span>
										<span>最后回复</span>
										<a href="user/home.html" link>
											<cite>顾得龙</cite>
											<i class="iconfont icon-renzheng" title="认证信息：XXX"></i>
											<i class="layui-badge fly-badge-vip">VIP3</i>
										</a>
										<!--<span class="fly-list-kiss layui-hide-xs" title="悬赏飞吻">最后回复</span>-->
										<!--<span class="layui-badge fly-badge-accept layui-hide-xs">已结</span>-->
										<span class="fly-list-nums">
			              	<i class="iconfont icon-zan" title="查看"></i> 999
			                <i class="iconfont icon-pinglun1" title="回答"></i> 66
			              </span>
									</div>
									<div class="fly-list-badge">

										<span class="layui-badge layui-bg-black">置顶</span>
										<span class="layui-badge layui-bg-red">精帖</span>

									</div>
								</li>
								<li>
									<a href="user/home.html" class="fly-avatar">
										<img src="../assets/images/portal_user_img.png" alt="顾得豹">
									</a>
									<h2>
										<a class="layui-badge">公告</a>
										<a href="jie/detail.html">基于 layui 的极简社区页面模版</a>
									</h2>
									<div class="fly-list-info">
										<a href="user/home.html" link>
											<cite>顾得豹</cite>
											<!--
                                            <i class="iconfont icon-renzheng" title="认证信息：XXX"></i>
                                            <i class="layui-badge fly-badge-vip">VIP3</i>
                                            -->
										</a>
										<span>2017-11-30</span>

										<span class="fly-list-kiss layui-hide-xs" title="悬赏飞吻"><i class="iconfont icon-kiss"></i> 60</span>
										<!--<span class="layui-badge fly-badge-accept layui-hide-xs">已结</span>-->
										<span class="fly-list-nums">
			                <i class="iconfont icon-pinglun1" title="回答"></i> 66
			              </span>
									</div>
									<div class="fly-list-badge">
										<span class="layui-badge layui-bg-black">置顶</span>
										<span class="layui-badge layui-bg-red">精帖</span>

									</div>
								</li>
								<li>
									<a href="user/home.html" class="fly-avatar">
										<img src="../assets/images/portal_user_img.png" alt="顾得豹">
									</a>
									<h2>
										<a class="layui-badge">公告</a>
										<a href="jie/detail.html">基于 layui 的极简社区页面模版</a>
									</h2>
									<div class="fly-list-info">
										<a href="user/home.html" link>
											<cite>顾得豹</cite>
											<!--
                                            <i class="iconfont icon-renzheng" title="认证信息：XXX"></i>
                                            <i class="layui-badge fly-badge-vip">VIP3</i>
                                            -->
										</a>
										<span>刚刚</span>

										<span class="fly-list-kiss layui-hide-xs" title="悬赏飞吻"><i class="iconfont icon-kiss"></i> 60</span>
										<!--<span class="layui-badge fly-badge-accept layui-hide-xs">已结</span>-->
										<span class="fly-list-nums">
			                <i class="iconfont icon-pinglun1" title="回答"></i> 66
			              </span>
									</div>
									<div class="fly-list-badge">
										<!--
                                        <span class="layui-badge layui-bg-black">置顶</span>
                                        <span class="layui-badge layui-bg-red">精帖</span>
                                        -->
									</div>
								</li>
								<li>
									<a href="user/home.html" class="fly-avatar">
										<img src="../assets/images/portal_user_img.png" alt="顾得豹">
									</a>
									<h2>
										<a class="layui-badge">公告</a>
										<a href="jie/detail.html">基于 layui 的极简社区页面模版</a>
									</h2>
									<div class="fly-list-info">
										<a href="user/home.html" link>
											<cite>顾得豹</cite>
											<!--
                                            <i class="iconfont icon-renzheng" title="认证信息：XXX"></i>
                                            <i class="layui-badge fly-badge-vip">VIP3</i>
                                            -->
										</a>
										<span>刚刚</span>

										<span class="fly-list-kiss layui-hide-xs" title="悬赏飞吻"><i class="iconfont icon-kiss"></i> 60</span>
										<!--<span class="layui-badge fly-badge-accept layui-hide-xs">已结</span>-->
										<span class="fly-list-nums">
			                <i class="iconfont icon-pinglun1" title="回答"></i> 66
			              </span>
									</div>
									<div class="fly-list-badge">
										<!--
                                        <span class="layui-badge layui-bg-black">置顶</span>
                                        <span class="layui-badge layui-bg-red">精帖</span>
                                        -->
									</div>
								</li>
							</ul>
						</div>
					</div>
					<!--	侧栏	-->
					<div class="layui-col-md4">
						<div class="fly-panel">
							<h3 class="fly-panel-title">温馨通道</h3>
							<ul class="fly-panel-main fly-list-static">
								<li>
									<a href="http://fly.layui.com/jie/4281/" target="_blank">layui 的 GitHub 及 Gitee (码云) 仓库，欢迎Star</a>
								</li>
								<li>
									<a href="http://fly.layui.com/jie/5366/" target="_blank">
										layui 常见问题的处理和实用干货集锦
									</a>
								</li>
								<li>
									<a href="http://fly.layui.com/jie/4281/" target="_blank">layui 的 GitHub 及 Gitee (码云) 仓库，欢迎Star</a>
								</li>
								<li>
									<a href="http://fly.layui.com/jie/5366/" target="_blank">
										layui 常见问题的处理和实用干货集锦
									</a>
								</li>
								<li>
									<a href="http://fly.layui.com/jie/4281/" target="_blank">layui 的 GitHub 及 Gitee (码云) 仓库，欢迎Star</a>
								</li>
							</ul>
						</div>

						<div class="fly-panel fly-rank fly-rank-reply" id="LAY_replyRank">
							<h3 class="fly-panel-title">回贴周榜</h3>
							<dl>
								<!--<i class="layui-icon fly-loading">&#xe63d;</i>-->
								<dd>
									<a href="user/home.html">
										<img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"><cite>贤心</cite><i>106次回答</i>
									</a>
								</dd>
								<dd>
									<a href="user/home.html">
										<img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"><cite>贤心</cite><i>106次回答</i>
									</a>
								</dd>
								<dd>
									<a href="user/home.html">
										<img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"><cite>贤心</cite><i>106次回答</i>
									</a>
								</dd>
								<dd>
									<a href="user/home.html">
										<img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"><cite>贤心</cite><i>106次回答</i>
									</a>
								</dd>
								<dd>
									<a href="user/home.html">
										<img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"><cite>贤心</cite><i>106次回答</i>
									</a>
								</dd>
								<dd>
									<a href="user/home.html">
										<img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"><cite>贤心</cite><i>106次回答</i>
									</a>
								</dd>
								<dd>
									<a href="user/home.html">
										<img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"><cite>贤心</cite><i>106次回答</i>
									</a>
								</dd>
								<dd>
									<a href="user/home.html">
										<img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"><cite>贤心</cite><i>106次回答</i>
									</a>
								</dd>
								<dd>
									<a href="user/home.html">
										<img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"><cite>贤心</cite><i>106次回答</i>
									</a>
								</dd>
								<dd>
									<a href="user/home.html">
										<img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"><cite>贤心</cite><i>106次回答</i>
									</a>
								</dd>
								<dd>
									<a href="user/home.html">
										<img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"><cite>贤心</cite><i>106次回答</i>
									</a>
								</dd>
								<dd>
									<a href="user/home.html">
										<img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"><cite>贤心</cite><i>106次回答</i>
									</a>
								</dd>
							</dl>
						</div>

						<dl class="fly-panel fly-list-one">
							<dt class="fly-panel-title">本周热议</dt>
							<dd>
								<a href="jie/detail.html">基于 layui 的极简社区页面模版</a>
								<span><i class="iconfont icon-pinglun1"></i> 16</span>
							</dd>
							<dd>
								<a href="jie/detail.html">基于 layui 的极简社区页面模版</a>
								<span><i class="iconfont icon-pinglun1"></i> 16</span>
							</dd>
							<dd>
								<a href="jie/detail.html">基于 layui 的极简社区页面模版</a>
								<span><i class="iconfont icon-pinglun1"></i> 16</span>
							</dd>
							<dd>
								<a href="jie/detail.html">基于 layui 的极简社区页面模版</a>
								<span><i class="iconfont icon-pinglun1"></i> 16</span>
							</dd>
							<dd>
								<a href="jie/detail.html">基于 layui 的极简社区页面模版</a>
								<span><i class="iconfont icon-pinglun1"></i> 16</span>
							</dd>
							<dd>
								<a href="jie/detail.html">基于 layui 的极简社区页面模版</a>
								<span><i class="iconfont icon-pinglun1"></i> 16</span>
							</dd>
							<dd>
								<a href="jie/detail.html">基于 layui 的极简社区页面模版</a>
								<span><i class="iconfont icon-pinglun1"></i> 16</span>
							</dd>
							<dd>
								<a href="jie/detail.html">基于 layui 的极简社区页面模版</a>
								<span><i class="iconfont icon-pinglun1"></i> 16</span>
							</dd>
							<dd>
								<a href="jie/detail.html">基于 layui 的极简社区页面模版</a>
								<span><i class="iconfont icon-pinglun1"></i> 16</span>
							</dd>
							<dd>
								<a href="jie/detail.html">基于 layui 的极简社区页面模版</a>
								<span><i class="iconfont icon-pinglun1"></i> 16</span>
							</dd>

							<!-- 无数据时 -->
							<!--
                            <div class="fly-none">没有相关数据</div>
                            -->
						</dl>


					</div>


				</div>

		</div>
		<!--	contianer end	-->
<!--	底部版权		-->
<div th:replace="web/layout/footer::footer"></div>
<!--	搜索		-->
<div th:replace="web/layout/common::pop-search"></div>
<!--	右边工具栏	-->
<div th:replace="web/layout/common::right-bar"></div>
<!--	引入JS	-->
<div th:replace="web/common/fragment::js"></div>
<script type="text/javascript">
    /*<![CDATA[*/

    /*]]>*/
</script>		
	</body>
</html>
